import {} from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";

const $dlzc =$('.dlzc');
const $yhtc =$('.yhtc');
const $yhtc_span =$('.yhtc span');
const $yhtc_a =$('.yhtc a');
const $tc=$('.yhtc a')

if(window.localStorage.getItem('loginname')){
   $dlzc.hide();
   $yhtc.show();
   $yhtc_span.html(window.localStorage.getItem('loginname')+'&nbsp;欢迎您！');
}else{
    $dlzc.show();
    $yhtc.hide();
}
$yhtc_a.on('click',function(){
    $dlzc.show();
    $yhtc.hide();
    window.localStorage.removeItem('loginname');
});





// //allshop_list的二级框

const $erjik =$('.erjik');
const $allshop =$('.erjik_content');
const $allshop_li =$('.allshop_list li');

let index=0;
$allshop_li.hover(function(){
    index=$(this).index();
    $allshop.hide();
    $erjik.show();
    $allshop.eq(index).show();
},function(){
    $allshop.hide();
    $erjik.hide();
});

$erjik.hover(function(){
    $erjik.show();
    $allshop.eq(index).show();
    $allshop_li.eq(index).stop().animate({ left:8,});
    $allshop_li.eq(index).find('a').css('background-color','#fff').css('color','#314349');
},function(){
    $erjik.hide();
    $allshop_li.eq(index).stop().animate({ left:0,});
    $allshop_li.eq(index).find('a').css('background-color','#314349').css('color','#fff');
});

// //allshop_list的二级框的滑动效果

$allshop_li.hover(function(){
    $(this).stop().animate({ left:8,});
    $(this).find('a').css('background-color','#fff').css('color','#314349');
},function(){
    $(this).stop().animate({ left:0,});
    $(this).find('a').css('background-color','#314349').css('color','#fff');
});

//m-banner 轮播图

//1.获取元素。
//2.无缝就得改变布局，重新计算无序列表的宽度。
 //3.给小圆圈添加点击事件。
 //4.鼠标移入移出banner，显示隐藏左右箭头。
 //5.左右箭头添加点击事件。
 // 6.自动轮播






   
    
